<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for循环</title>
</head>
<body>
    
</body>
</html>
<script>
    /*
        for 语句也是一个循环语句，也成为for循环
            在for循环中，为我们提供了专门的位置用来放三个表达式 :
                1.初始化表达式
                2.条件表达式
                3.更新表达式
            
            for循环的语法：
                for(1️⃣初始化表达式; 2️⃣条件表达式; 4️⃣更新表达式;){
                    3️⃣语句...
                }

                for循环的执行流程：
                    1️⃣ 执行初始化表达式，初始化变量（初始化表达式只会执行一次）
                    2️⃣ 执行条件表达式，判断是否执行循环，
                            如果为true，则执行循环3️⃣
                            如果为false，终止循环
                    4️⃣ 执行更新表达式，更新表达式执行完毕继续重复2️⃣
                    
    */

    // 创建一个执行10次的while循环
    // 初始化表达式
    var i = 0;

    //创建一个循环，定义条件表达式
    while(i < 10){
        //设置更新表达式
        document.write(i++);
    }
    document.write("<br>");

    for(var i = 0; i<10; i++){
        document.write(i);
    }
    document.write("<br>");

    /*
        for 循环的三个部分都可以省略，也可以写在外部
            如果在 for 循环中不写任何的表达式，只写两个分号 ;; 
            此时循环是一个死循环，会一直执行下去，慎用！！
    */
    var i = 0; 
    for(;i<10;){
        document.write(i++ +"<br>");
    }

    //  死循环
    /*
    for(;;){
        document.write(i++);
    }
    */
</script>